<template>
  <div class="app-container">
    <el-tabs v-model="tabsValue" class="demo-tabs" @tab-change="handleClick">
        <el-tab-pane v-for="item in tabsList" :key="item.value" :label="item.label" :name="item.value"></el-tab-pane>
      </el-tabs>
      <div v-if="tabsValue==1">
        <huanxiangList></huanxiangList>
      </div>
       <div v-if="tabsValue==2">
        <huanxiangInfo></huanxiangInfo>
      </div>
  </div>
</template>

<script setup lang="ts">
import { computed, onActivated, onMounted, reactive, ref, watch,provide ,nextTick,inject} from 'vue';
import { ElMessage, ElLoading,ElMessageBox } from 'element-plus'
import huanxiangList from '@/views/orderManage/huiDiaoOrder/component/huanxiangList.vue'
import huanxiangInfo from '@/views/orderManage/huiDiaoOrder/component/huanxiangInfo.vue'
const isAgent=inject('isAgent') //当前等角色  true 货代角色  false 集装箱公司角色
const formData = inject('formData')
const tabsValue=inject('tabsValue') || 1

const tabsList=ref([
{ label: '还箱单', value: 1 },
{ label: '还箱记录', value: 2},
])
const dackingDialog=ref(false)
const packingType = ref('5') // 5:自由箱 15：外调箱
const param = reactive({
  drawerPacking:false,
})
onMounted(() => {
  nextTick(() => {
    })
})
const handleClick=(val)=>{
  tabsValue.value=val
}


</script>

<style scoped>
.el-form-diy {
  padding: 10px;

  div {
    width: 100%;
  }
}
</style>
